<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">		
	
<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<script type="text/javascript">
	//<![CDATA[	
	           
		function errorOff(){			
			$('#form\\:errorOff').click();
		}
		
		$(document).ready(function(){				
			//Paramos el hilo que se creo para aumentar la barra de progreso			
			clearInterval(intervalBar);			
			$("#progressbar").hide("fade", 200);
			
			//Gestion de Error
			var error = $('#form\\:error').val();
			var navegacion = $('#form\\:navegacion').val();
			var mContrasenya = $('#form\\:mContrasenya').text();
			var mEmail = $('#form\\:mEmail').text();			
			if( (error != null && error.length > 3 && navegacion=="login.xhtml") || (mContrasenya != null && mContrasenya.length > 3 || mEmail != null && mEmail.length > 3) ){				
				$('#cajaLogin').effect("shake", "slow",errorOff());
			}	
			
			//Mostramos el boton cabecera.
			$('#botonTextoHead').show("drop", 400);			
		});					
						
	//]]>
	</script>
	
	<div id="principal" class="principal">    
	   	
	   	<div class="informacion">
			<h3>Pantalla de acceso</h3>
			<p>Logúeate con tu email y password  y accede al portal que logrará ponerte en contacto 
			   con otro funcionario con una plaza como la tuya, pero más cercana a tu casa.</p>
		</div>			
		
		<div id="cajaLogin" class="cajaLogin">
		
			<h:form id="form">		
				<h3>Por favor, introduzca su e-mail y contraseña.</h3>
	
				<h:panelGrid columns="3">				
					<h:outputLabel value= "Email: " for="email" /> 
					<h:inputText id="email" label="Email" required="true" value="#{loginBean.email}" validator="emailValidator"/>
					<h:message id="mEmail" for="email" errorClass="error" />

					<h:outputLabel value= "Password: " for="contrasenya" /> 
					<h:inputSecret id="contrasenya" label="Contrasenya" required="true"
					value="#{loginBean.contrasenya}" validator="passwordValidator"/>
					<h:message id="mContrasenya" for="contrasenya" errorClass="error" />									
				</h:panelGrid>
				<p/>
				<h:panelGrid columns="1">
					<h:commandButton value="Aceptar" action="#{loginController.validarUsuario}" onclick="showProgressBar('accion')" styleClass="g-button g-button-submit">
						<f:ajax execute="@form" render=":contPrincipal" />
					</h:commandButton>
					
					<h:commandLink value="¿Ha Olvidado su Contraseña?" onclick="actionTab(2)" action="#{navegationBean.setViewedPage('olvido.xhtml')}">
					<f:ajax execute="@this" render=":contPrincipal" />
				</h:commandLink>
				</h:panelGrid>				
				
				<h:inputHidden id="error" value="#{navegationBean.error}" />
				<h:inputHidden id="navegacion" value="#{navegationBean.viewedPage}" />		
				<h:commandButton id="errorOff" action="#{navegationBean.setError('')}" style="display:none">
					<f:ajax execute="@this" render="errorOff" />
				</h:commandButton>																							
			</h:form>				
						
		</div>
		
	</div>
				
</ui:composition>